.wm-button{width:100%;
    .default{width:100%;height:112rpx;font-size:32rpx;font-weight:bold;color:#fff;border:solid 4rpx #2D3057;border-radius:108rpx;
        .content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100rpx;background:linear-gradient(#FF4169, #FF5037);border-radius:80rpx 108rpx 0rpx 108rpx;line-height:100rpx;z-index:1;transition:.2s;text-shadow: rgba(0,0,0) 0 0 6rpx;}
        .top,.bottom{position:absolute;width:100%;z-index:0;height:108rpx;}
        .top{top:-50%;background-color:#FFD9E1;transform: matrix(1,0.1, 0, 1, 0, 0);transition:.1s}
        .bottom{top:50%;background-color:#CD3924;transform: matrix(1,0.1, 0, 1, 0, 0);}
    }
    .default-hover{
        .top{background-color:#c73f2c}
        .content{background:linear-gradient(#f35273, #c73f2c);color:#eee}
    }

    .simple{width:100%;height:96rpx;line-height:96rpx;font-size:32rpx;font-weight:bold;color:#fff;border-radius:108rpx;background-color:rgba(255,255,255,0.2);position:relative;
        .content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:96rpx;background-color:#FA5151;border-radius:108rpx;z-index:1;transition:.2s;overflow:hidden;
            .text{position:relative;z-index:4}
        }
        .pot{position:absolute;width:200px;height:200px;background-color:#de3d3d;z-index:3;border-radius:200px;transform:matrix(0.01, 0, 0,0.01, 0, 0)}
    }

    .simple-hover{
        .content{background-color:#FA5151;top:53%}
    }
}